<template>
    <div>
        <el-page-header :icon="ArrowLeft">
            <template #title @click="back">
                <span @click="back">返回</span>
            </template>
            <template #content>
                <span class="fs-14"> 保单管理 </span>
                <el-icon style="vertical-align: -3px;">
                    <Right />
                </el-icon>

                <span class="fs-14 cr-blue"> 对账管理 </span>
            </template>
        </el-page-header>
        <el-button key="danger" type="danger" text disabled size="large">无法进行修改</el-button>
    </div>
</template>

<script setup lang="ts">
import { ArrowLeft, Right } from '@element-plus/icons-vue'
import { useNavigate } from '../hooks';


const navigator = useNavigate()
const navigateTo = (url: string) => {
    navigator.navigateTo(url)
}
const back = function () {
    console.log('back,....')
    navigator.back()
}
</script>

<style scoped>
.el-button {
    width: 100%;
    margin-top: 50px;
    text-align: center;
    font-size: 48px;
}
</style>